$(function() {
	var ctx = document.getElementById("c1").getContext('2d');
	var data = {
		labels : topTitles,
		datasets : [
		{
			label : "考试分数",
			backgroundColor : "rgba(52, 152, 219, 0.5)",
			borderColor : "rgba(52, 152, 219, 1)",
			pointBorderColor : "rgba(52, 152, 219, 1)",
			pointBackgroundColor : "rgba(52, 152, 219, 1)",
			data : topPoints
		}, 
		{
			label : "及格分数",
			backgroundColor : 'rgba(255, 99, 132, 0.5)',
			borderColor : 'rgba(255, 99, 132)',
			pointBorderColor : 'rgba(255, 99, 132)',
			pointBackgroundColor : 'rgba(255, 99, 132)',
			data : passPoints
		}]
	};

	var myNewChart = new Chart(ctx, {
		type : 'line',
		data : data,
		options : {
			responsive : true,
			title : {
				display : true,
				text : '近期成绩'
			},
			scales : {
				xAxes : [ {
					display : true,
					scaleLabel : {
						display : true,
						labelString : '考试内容'
					}
				} ],
				yAxes : [ {
					display : true,
					scaleLabel : {
						display : true,
						labelString : '考试分数'
					}
				} ]
			}
		}
	});

	$("#c2").circliful({
		animation : 1,
		animationStep : 10,
		foregroundBorderWidth : 15,
		backgroundBorderWidth : 15,
		percent : passRate,
		text : "及格率",
		textSize : 28,
		textX : 99,
		textY : 90,
		textColor : '#666',
		multiPercentage : 1
	});
});